<template>
  <router-view v-slot="{ Component, route }">
    <transition name="van-fade" appear>
      <keep-alive v-if="route.meta.keepAlive">
        <component :is="Component" :key="route.fullPath" />
      </keep-alive>
      <component v-else :is="Component" :key="route.fullPath" />
    </transition>
  </router-view>
</template>

<script setup lang="ts"></script>

<style>
body {
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
}
#app {
  max-width: 768px;
  width: 100vw;
  padding: 0;
  margin: 0 auto;
}
</style>
